// metis-menu
.metismenu {
	li {
		transition: all 0.3s;
	}
}

// sweet-alert
.sweet-alert {
	.sa-icon {

	}
	h2 {
		margin: 10px 0;
	}
	&[data-has-confirm-button=false][data-has-cancel-button=false] {
		padding-bottom: 17px;
	}
}

// datetime-picker
.bootstrap-datetimepicker-widget {
	> ul {
		padding: 0;
	}

	td, th {
		border-radius: 2px;
		padding: 3px;
	}

	td.minute {
		padding: 5px 3px;
	}
	td.active {
		&,
		&:active,
		&:hover,
		&:hover[disabled],
		&:hover:active,
		&:hover.active,
		&:hover.disabled,
		&:hover:hover,
		&.active,
		&.disabled,
		&[disabled] {
			background: $brand-primary;
		}
	}

	[class^='icon-'] {
		font: normal normal normal 14px/1 FontAwesome;
		text-rendering: auto;
		-webkit-font-smoothing: antialiased;
		font-size: 14px;
		display: inline-block;
		text-align: right;
	}

	.icon-time:before {
		content: "\f017";
	}
	.icon-calendar:before {
		content: "\f073";
	}
	.icon-chevron-up:before {
		content: "\f077";
	}
	.icon-chevron-down:before {
		content: "\f078";
	}

	.timepicker {
		a {
			color: #666666;
			&:hover {
				color: #212529;
			}
		}
	}
}

.picker-switch {
	padding-top: 10px;
	padding-bottom: 5px;
	a {
		border-radius: 2px;
		padding: 3px 10px;
		&:hover {
			background: #eee;
		}
	}
}

// dataTables.bootstrap4.css
table.dataTable {
	> tbody {
		> tr.child ul.dtr-details {
			width: 100%;
		}

		[class*='editor'], [class*='action'] {
			padding-right: 5px;
			color: $color-darker;

			&:disabled, &.disabled {
				color: $color-base;
				cursor: not-allowed;
			}
		}
	}

	label.custom-control {
		margin-right: 0;
		margin-bottom: 0;
	}

}

.buttons-flash {
	position: relative;
}

table.dataTable tbody > tr.selected, table.dataTable tbody > tr > .selected {
	background-color: $brand-primary;
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before {
	background-color: $brand-primary;
}

div.DTE {
	div.DTE_Header {
		flex-direction: row-reverse !important;
		padding: 0.75rem 1.25rem;
		background-color: $datatable-header-background;
	}
	div.DTE_Footer {
		background-color: $datatable-header-background;
	}
}

div.DTE_Body {
	padding: 0;
	margin: 50px 0;

	div.DTE_Body_Content {
		div.DTE_Field {
			padding: 5px 15px;
			margin-left: -5px;
			margin-right: -5px;

			> label {
			}
		}
	}
}

// select2
.select2-container--default {
	border-radius: 2px;
	border: 1px solid #cccccc;

	.select2-selection--single {
		border: none;
	}
	&.select2-container--focus .select2-selection--multiple {
		border: none;
	}
	.select2-selection--multiple {
		border: none
	}
}

// file input
.file-input {
	.input-group-btn {
		-webkit-box-orient: horizontal !important;
		-webkit-box-direction: normal !important;
		-webkit-flex-direction: row !important;
		-ms-flex-direction: row !important;
		flex-direction: row !important;
	}

	.hide {
		display: none;
	}

	.file-preview {
		border-radius: 2px;
	}

	.file-preview-frame {
		transition: all .2s linear;
		box-shadow: 0px 0px 0px 0 #ddd;;

		.kv-file-content {
			transition: all .2s linear;
		}

		.file-thumbnail-footer {
			height: auto;
		}

		&:hover {
			.kv-file-content {
				transform: scale(1.05);
			}
		}

		&:not(.file-preview-error):hover {
			box-shadow: 3px 3px 5px 0 #ddd;
		}
	}

}
